import {ComponentType} from 'react'
import Taro, {Component, Config} from '@tarojs/taro'
import {View, Button, Text, Swiper, SwiperItem, Image} from '@tarojs/components'

import FooterInfo from '../../components/FooterInfo'

import './paySuccess.less'

import icon_08 from '../../assets/img/icon_08.png'

class PaySuccess extends Component {
  componentWillMount() {
    Taro.setNavigationBarTitle({title: '申请成功'})
  }

  render() {
    return (
      <View className='pay-success'>
         <View className='pay__header'>
            <Image src={icon_08} className='pay-icon' />
            <View className='pay__title'>缴费成功</View>
            <View className='pay__desc color-theme'>
              您可以到订单中下载电子税票或者申请快递纸质税票哦~</View>
         </View>
          <View className='interval' />

          <View className='line-wrap'>
            <View className='line'>
              <View className='line__title'>车辆类型</View>
              <View className='line__cont'>乘用车</View>
            </View>
            <View className='line'>
              <View className='line__title'>车辆规格</View>
              <View className='line__cont'>1.6</View>
            </View>
            <View className='line'>
              <View className='line__title'>车牌号码</View>
              <View className='line__cont'>乘用车</View>
            </View>
            <View className='line'>
              <View className='line__title'>缴费金额</View>
              <View className='line__cont color-theme price'><Text className='small color-theme'>￥</Text>299.00</View>
            </View>
          </View>

          <View className='btn-two-wrap'>
            <View className='btn btn-active'>查看订单</View>
            <View className='btn'>返回首页</View>
          </View>
      </View>
    )
  }
}

export default PaySuccess
